<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<link href="/static/css/bootstrap.min.css" rel="stylesheet">
	<script src="/static/js/jquery-1.11.1.min.js"></script>
	<script src="/static/js/bootstrap.min.js"></script>
	<script src="/static/js/bootstrap-filestyle.js"></script>
	<script src="/static/js/app.js"></script>
	<style>
		html,body{
			margin: 0;padding: 0;border:0;
		}
	</style>
</head>
<body>
	<!--	-----导航条开始------>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="{:url('Login/index')}">图书管理系统</a>
			</div>

			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">会员管理<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="{:url('Login/vip_zhuce')}">会员注册</a></li>
							<li><a href="{:url('Login/vip_biao')}">会员列表</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="{:url('Login/vip_chong')}">会员充值</a></li>
						</ul>
					</li>

					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">书籍管理<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="{:url('Login/shangjia')}">新书上架</a></li>
							<li><a href="{:url('Login/books')}">书籍列表</a></li>
							<li><a href="{:url('Login/fenlei')}">添加分类</a></li>
						</ul>
					</li>

					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于我们<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="{:url('Login/about')}">关于我们</a></li>
						</ul>
					</li>

					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">员工信息<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="{:url('Login/work')}">员工列表</a></li>
						</ul>
					</li>

					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">历史记录<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="#">借还记录</a></li>
						</ul>
					</li>

					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">账号管理<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="{:url('Login/update')}">修改密码</a></li>
							<li><a href="#">注销账号</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="{:url('Login/out')}">退出登录</a></li>
						</ul>
					</li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">
						<a href="#" class="dropdown-toggle"  role="button" aria-haspopup="true" aria-expanded="false">昵称：{$name}</a>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<!--	-----导航条结束------>


	<div class="modal-content" style="width: 400px;margin: auto">

		<div class="modal-header">
			<button class="close" data-dismiss="modal">&times;</button>
			<span class="glyphicon glyphicon-tree-deciduous"></span><span>会员充值</span>
		</div>

		<form class="form-horizontal">
			<div class="modal-body">

				<div class="alert  alert-success">充值成功！！<button class="close" data-dismiss="alert">&times;</button></div>

				<div class="form-group">
					<label class="control-label col-xs-2">电话</label>
					<div class="col-xs-9">
						<input type="text" class="form-control" name="tel" placeholder="*号码是唯一性">
					</div>
				</div>

				<div class="form-group">
					<label class="control-label col-xs-2">金额</label>
					<div class="col-xs-9">
						<select class="form-control" name="money">
							<option>50</option>
							<option>100</option>
							<option>200</option>
							<option>400</option>
							<option>800</option>
							<option>1000</option>
						</select>
					</div>
				</div>

			</div>

			<div class="modal-footer">
				<button type="button" class="btn btn-danger">提交</button>
			</div>
		</form>
	</div>



	<script>
		var form=$('form');
		var body=$('.modal-body');
		$('.alert-success').hide();
		$('button').click(function () {
			$.post('{:url("Login/vip_chong")}',form.serialize(),function(resp){
				if(resp.status){
					$('.alert-success').show();
					setTimeout(function(){
						$('.alert-success').hide();
					},1000);
				}else {
					body.showAlert(resp.message)
				}
			},'json');
		})
	</script>
</body>
</html>